<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body{
            margin: 0 auto;
            font-family: siyuan,"Microsoft YaHei",Arial, Verdana;
            display: block;
            background-color: rgba(0,0,0,0.5);
        }
        img{
            float: left;
        }
        a{text-decoration: none}
        ul{list-style-type: none}
        ul>li{
            float: left;
            margin-right: 10px;
        }
        header{
            position: fixed;
            width: 100%;
            background-color: #000;
            height: 80px;
            top: 0;
            z-index: 10000;
        }
        header>a>img{
            width: 20%;
            height: 27px;
            float: left;
            margin-left: 60px;
            margin-top: 20px;
        }
        header>a>ul{
            margin-top: 0;
            width: 65%;
            float: right;
            color: #dddede;
            line-height: 80px;
        }
        header>a>ul>li{
            width: 11%;
            line-height: 80px;
            text-align: center;}
        .main{
            background-color: #444444;
            width: 1920px;
            overflow: hidden;
            height: auto;
            position: absolute;
            left: 50%;
            margin-left: -960px;
        }
        .nvc{
            width: 100%;
            height: auto;
            margin-left: 289px;
            background-color: #444444;
            overflow: hidden
        }
        .nvc>a{
            width: 1200px;
            margin: 0 auto;
            text-align: center;
        }
        .nvc>a>ul{margin: 0 auto;padding-bottom: 123px}
        .nvc>a>ul>li{
            width: 150px;
            height: 35px;
            padding: 18px 0;
        }
        .d2_1{    font-size: 18px;
            color: #cdcece;
            text-align: center;
            line-height: 20px;}
        .xinxi{
            width: 100%;
            height: 400px;
            background: #1a1a1a;
            overflow: hidden;
            }
        .left{
            width: 400px;
            float: left;
            padding-top: 76px;
            margin-left: 373px;
            }
        .left>div>img{
            margin-right: 15px;
        }
        .left>div>span{
            font-size: 16px;
            color: #dddede;}
        .right{
            overflow: hidden;
            width: 530px;
            float: right;
            padding-top: 76px;
            margin-right: 395px;
            }
        .p1{font-size: 22px;
            color: #fff;
            text-align: left;}
        .p2{    font-size: 18px;
            color: #a2a2a2;
            text-align: left;
            margin: 10px 0;}
        .p3{font-size: 45px;
            color: #fff;
            text-align: left;
            margin-bottom: 10px;}
        .p4{font-size: 20px;
            color: #fff;
            text-align: left;
            margin-bottom: 20px;}
        .p5>a{display: block;
            float: left;
            margin: 5px 8px;
            color: #616161;}
        .p6>span{
            float: left;
            display: block;
            font-size: 11px;
            color: #525252;
            text-align: left;}
        .p6>a{
            float: left;
            color: #ffffff;}
    </style>
</head>
<body>
<!--导航-->
<header>
    <a href="">
        <img src="http://vc1314.cn/style/images/nav_logo.png" alt="">
        <ul>
            <li>首页</li>
            <li>网红新人</li>
            <li>旅拍作品</li>
            <li>微电影</li>
            <li>真实好评</li>
            <li>在线商城</li>
        </ul>
    </a>
</header>
<div class="main">
    <div class="huodong">
        <a href="">
            <img src="http://vc1314.cn/uploads/allimg/202105/1-210501045930.jpg" alt="">
            <img src="http://vc1314.cn/uploads/allimg/202105/1-210501045931.jpg" alt="">
            <img src="http://vc1314.cn/uploads/allimg/202105/1-210501045931-50.jpg" alt="">
            <img src="http://vc1314.cn/uploads/allimg/202105/1-210501045931-51.jpg" alt="">
            <img src="http://vc1314.cn/uploads/allimg/202105/1-210501045931-52.jpg" alt="">
            <img src="http://vc1314.cn/uploads/allimg/202105/1-210501045932.jpg" alt="">
            <img src="http://vc1314.cn/uploads/allimg/202105/1-210501045932-50.jpg" alt="">
            <img src="http://vc1314.cn/uploads/allimg/202105/1-210501045932-51.jpg" alt="">
            <img src="http://vc1314.cn/uploads/allimg/202105/1-210501045932-52.jpg" alt="">
            <img src="http://vc1314.cn/uploads/allimg/202105/1-210501045932-53.jpg" alt="">
            <img src="http://vc1314.cn/uploads/allimg/202105/1-210501045933.jpg" alt="">
            <img src="http://vc1314.cn/uploads/allimg/202105/1-210501045933-50.jpg" alt="">
            <img src="http://vc1314.cn/uploads/allimg/202105/1-210501045933-51.jpg" alt="">
            <img src="http://vc1314.cn/uploads/allimg/202105/1-210501045933-52.jpg" alt="">
            <img src="http://vc1314.cn/uploads/allimg/202105/1-210501045933-53.jpg" alt="">
            <img src="http://vc1314.cn/uploads/allimg/202105/1-210501045934.jpg" alt="">
            <img src="http://vc1314.cn/uploads/allimg/202105/1-210501045934-50.jpg" alt="">
            <img src="http://vc1314.cn/uploads/allimg/202105/1-210501045934-51.jpg" alt="">
            <img src="http://vc1314.cn/uploads/allimg/202105/1-210501045934-52.jpg" alt="">
            <img src="http://vc1314.cn/uploads/allimg/202105/1-210501045934-53.jpg" alt="">
            <img src="http://vc1314.cn/uploads/allimg/202105/1-210501045935.jpg" alt="">
            <img src="http://vc1314.cn/uploads/allimg/202105/1-210501045935-50.jpg" alt="">
            <img src="http://vc1314.cn/uploads/allimg/202105/1-210501045935-51.jpg" alt="">
            <img src="http://vc1314.cn/uploads/allimg/202105/1-210501045935-52.jpg" alt="">
            <img src="http://vc1314.cn/uploads/allimg/202105/1-210501045936.jpg" alt="">
        </a>
        <div><img src="http://vc1314.cn/style/images/foot_bg.jpg" alt=""></div>
        <div class="nvc">
            <a href="">
                <ul>
                    <li>
                        <p class="d2_1">首页</p>
                        <p style="font-size: 12px;
            color: #5f5f5f;">HOME PAGE</p>
                    </li>
                    <li>
                        <p class="d2_1">品牌介绍</p>
                        <p style="font-size: 12px;
            color: #5f5f5f;">BRAND INTRODUTION</p>
                    </li>
                    <li>
                        <p class="d2_1">客照欣赏</p>
                        <p style="font-size: 12px;
            color: #5f5f5f;">GUEST APPRECIATION</p>
                    </li>
                    <li>
                        <p class="d2_1">微电影</p>
                        <p style="font-size: 12px;
            color: #5f5f5f;">MICROFILM</p>
                    </li>
                    <li>
                        <p class="d2_1">每周作品</p>
                        <p style="font-size: 12px;
            color: #5f5f5f;">WEEKLY WORKS</p>
                    </li>
                    <li>
                        <p class="d2_1">优惠活动</p>
                        <p style="font-size: 12px;
            color: #5f5f5f;">BENEFIT ACTMTIES</p>
                    </li>
                    <li>
                        <p class="d2_1">京东店铺 </p>
                        <p style="font-size: 12px;
            color: #5f5f5f;">JINGDONG STORES</p>
                    </li>
                    <li>
                        <p class="d2_1">银行账号</p>
                        <p style="font-size: 12px;
            color: #5f5f5f;">BANK ACCOUNTS</p>
                    </li>
                </ul>
            </a>
        </div>
    </div>
    <div class="xinxi">
        <div class="left">
            <div style="margin-bottom: 20px">
                <img src="http://vc1314.cn/style/images/icon1.png" alt="">
                <span>全球旅拍作品</span>
            </div>
            <div style="margin-bottom: 20px">
                <img src="http://vc1314.cn/style/images/icon2.png" alt="">
                <span>品牌简介</span>
            </div>
            <div style="margin-bottom: 20px">
                <img src="http://vc1314.cn/style/images/icon3.png" alt="">
                <span>快速扫描二维码</span>
            </div>
            <div class="f4">
                <ul style="padding-left: 0">
                    <li>
                        <img src="http://style.vc520.com/images/wb.jpg" alt="">
                        <div>
                            <img src="http://vc1314.cn/style/images/weibo_icon.png" alt="">
                            <span style="font-size: 16px;
    color: #dddede;">官方微博</span>
                        </div>
                    </li>
                    <li><img src="http://style.vc1314.cn/images/wx.jpg" alt="">
                        <div>
                            <img src="http://vc1314.cn/style/images/web_icon.png" alt="">
                            <span style="font-size: 16px;
    color: #dddede;">官方微信</span>
                        </div></li>
                    <li><img src="http://style.vc520.com/images/jd.jpg" alt="">
                        <div>
                            <img src="http://vc1314.cn/style/images/jd_icon.png" alt="">
                            <span style="font-size: 16px;
    color: #dddede;">京东旗舰店</span>
                        </div></li>
                </ul>
            </div>
        </div>
        <div class="right">
            <div class="p1">全国免费咨询热线</div>
            <div class="p2">在线时间：09:00-22:00</div>
            <div class="p3">400-0208-520</div>
            <div class="p4">版权所有：辽宁金夫人时尚经典文化产业股份有限公司</div>
            <div class="p5">
                <a href="">三亚</a>
                <a href="">丽江</a>
                <a href="">大理</a>
                <a href="">厦门</a>
                <a href="">大连</a>
                <a href="">青岛</a>
                <a href="">北京</a>
                <a href="">重庆</a>
                <a href="">普吉岛</a>
                <a href="">巴厘岛</a>
                <a href="">泸沽湖</a>
                <a href="">长白山</a>
                <a href="">沈阳</a>
                <a href="">哈尔滨</a>
            </div>
            <div class="p6"><span>Copyright 2017-2019 VOGUE VLASSICS GLOBAL TRAVAL SHOT ALL RIGHTS RESERVED</span>
                <br><a href="">辽ICP备17013529号-1</a></div>
        </div>
    </div>
</div>
</body>
</html>